import React from 'react'
// 2.引入hooks 提供的usecontext  来获取供应商数据
import { useContext } from 'react'
// 4. 子组件引入上下文对象
import globalContext from '../utils/globaleContext';

// 1.one子组件
export default function One() {
    // 3. 获取供应商提供的数据  参数为 要获取的上下文对象
    // 4.1以参数的形式 
    let value = useContext(globalContext)
    console.log(value);

    return (
        <div>
            <h1>one子组件----{value.name}======{value.age}</h1>
            <button onClick={() => {
                value.setage(100)
            }}>改变age</button>
        </div>
    )
}

